<!DOCTYPE html>

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<link rel="stylesheet" href="index/bootstrap.css">
<link rel="stylesheet" href="index/animate.css">
<link rel="stylesheet" type="text/css" href="index/font-awesome.4.6.0.css">
<link rel="stylesheet" href="index/slick.css">
<link rel="stylesheet" href="index/settings.css">
<link rel="stylesheet" href="index/freeze.css">
<script type="text/javascript" src="index/modernizr.custom.32033.js"></script>
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
	header .navbar-default.scrolled .navbar-brand img{max-height:50px;}
	.tp-banner-container{padding-top:200px;height: 589px;}
	header .navbar-default.scrolled .navbar-brand { padding: 5px;}
	.tp11{width: 80%;margin: 0 auto;text-align: center;}
	.tp11 input{height: 50px;}
	.slick-track{	width: 100%;}
	  @media (max-width: 768px) { 
		.tp-banner-container{padding-top:130px;height: 289px;}
	  }
	  @media (min-width: 768px) and (max-width: 992px) {

	  	.tp-banner-container{padding-top:200px;height: 389px;}
	  	#geta{display: none}
	  }
</style>
</head>
<body style="">
<div class="pre-loader" style="display: none;">
	<div class="load-con">
		<img src="index/logo.png" class="animated fadeInDown" alt="">
		<div class="spinner">
			<div class="bounce1"></div>
			<div class="bounce2"></div>
			<div class="bounce3"></div>
		</div>
	</div>
</div>
<header>
	<nav class="navbar navbar-default navbar-fixed-top scrolled" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="fa fa-bars fa-lg"></span>
				</button>
				<a class="navbar-brand" href="index.html">
					<img src="index/logo.png" alt="" class="logo">
				</a>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#tp-banner-container">查快递</a></li>
					<li><a href="#about">快递服务</a></li>
					<li><a href="#reviews">企业理念</a></li>
					<li><a href="#screens">接口服务</a></li>
				
					<li id="geta"><a class="getApp" href="#getApp">下载APP</a></li>
					<li><a href="#support">联系我们</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<div id="tp-banner-container" class="tp-banner-container" style="overflow: visible; ">
		<div class="tp11">
			<input type="text" class="form-control" placeholder="请在此输入单号">
			<br>
			<a href="#about" class="btn btn-primary inverse btn-lg">查询</a>
			
		</div>
	</div>
</header>
<div class="wrapper">
<section id="about">
	<div class="container">
		<div class="section-heading scrollpoint sp-effect3">
			<h1>快递服务</h1>
			<div class="divider"></div>
			<p>满足不同客户的需求</p>
		</div>
		<div class="row">
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect2">
					<i class="fa fa-download fa-2x"></i>
					<h3>同城急送</h3>
					<p>面向所有客户的全场景同城物流配送，最快30分钟送达，专人直拿直送，打造高时效物流产品。</p>
				</div>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect5">
					<i class="fa fa-mobile fa-2x"></i>
					<h3>内地及港澳台</h3>
					<p>为您提供高品质、门到门的快递服务，各环节均优先进行发运、中转和派送。</p>
				</div>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect5">
					<i class="fa fa-users fa-2x"></i>
					<h3>国际标快</h3>
					<p>为满足客户紧急物品寄递需求，以最快速度进行发运、中转和派送的高品质门到门国际快件服务。</p>
				</div>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect1">
					<i class="fa fa-sliders fa-2x"></i>
					<h3>生鲜速配</h3>
					<p>实现生鲜类快件优先配载、优先派送，面向寄递生鲜快件的客户推出的专属快递服务。</p>
				</div>
			</div>
		</div>
	</div>
</section>

<section id="reviews">
<div class="container">
	<div class="section-heading inverse scrollpoint sp-effect3">
		<h1>企业理念</h1>
		<div class="divider"></div>
		<p>相信梦想，相信技术的力量</p>
	</div>
	<div class="row">
		<div class="col-md-10 col-md-push-1 scrollpoint sp-effect3">
			<div class="review-filtering slick-initialized slick-slider">
			
				<div class="slick-track review rollitin slick-slide slick-cloned">
					<div class="row">
						<div class="col-md-2">
							<div class="review-person">
								<img src="index/94.jpg" alt="" class="img-responsive">
							</div>
						</div>
						<div class="col-md-10">
							<div class="review-comment">
								<h3>“中国的快递企业长期被资本市场低估，快递人有必要、也有责任去改变这个现状”</h3>
								
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
</section>


<section id="screens">
	<div class="container">
		<div class="section-heading scrollpoint sp-effect3">
			<h1>快递接口</h1>
			<div class="divider"></div>
			<p>速通快递云打印API新玩法 全面打通生鲜企业电商</p>
		</div>
		<div class="filter scrollpoint sp-effect3">
			<a href="javascript:void(0)" class="button js-filter-all active">接口申请</a>
			<a href="javascript:void(0)" class="button js-filter-one">技术文档</a>
			<a href="javascript:void(0)" class="button js-filter-two">常见问题</a>
			<a href="javascript:void(0)" class="button js-filter-three">加盟申请</a>
		</div>
	</div>
</section>

<section id="getApp">
	<div class="container-fluid">
		<div class="section-heading inverse scrollpoint sp-effect3">
			<h1>下载APP</h1>
			<div class="divider"></div>
			<p>选择你的手机系统选择下载对应的APP!</p>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="hanging-phone scrollpoint sp-effect2 hidden-xs">
					<img src="index/freeze-angled2.png" alt="">
				</div>
				<div class="platforms">
					<a href="#" class="btn btn-primary inverse scrollpoint sp-effect1">
						<i class="fa fa-android fa-3x pull-left"></i>
						<span>安卓用户</span><br>
						<b>下载</b>
					</a>
					<a href="#" class="btn btn-primary inverse scrollpoint sp-effect2">
						<i class="fa fa-apple fa-3x pull-left"></i>
						<span>苹果用户</span><br>
						<b>下载</b>
					</a>
				</div>
			</div>
		</div>
	</div>
</section>
<section id="support" class="doublediagonal">
	<div class="container">
		<div class="section-heading scrollpoint sp-effect3">
			<h1>联系我们</h1>
			<div class="divider"></div>
			<p>加入速通快递，我们一起改变世界</p>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="row">
					<div class="col-md-8 col-sm-8 scrollpoint sp-effect1">
						<form role="form">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="姓名">
							</div>
							<div class="form-group">
								<input type="email" class="form-control"  placeholder="邮箱">
							</div>
							<div class="form-group">
								<textarea cols="30" rows="10" class="form-control"  placeholder="请在此输入内容"></textarea>
							</div>
							<button type="submit" class="btn btn-primary btn-lg">提交</button>
						</form>
					</div>
					<div class="col-md-4 col-sm-4 contact-details scrollpoint sp-effect2">
						<div class="media">
							<a class="pull-left" href="#">
								<i class="fa fa-map-marker fa-2x"></i>
							</a>
							<div class="media-body">
								<h4 class="media-heading">中国X市X区长江路1号</h4>
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#">
								<i class="fa fa-envelope fa-2x"></i>
							</a>
							<div class="media-body">
								<h4 class="media-heading">
									<a href="mailto:support@oleose.com">supportX@163.com</a>
								</h4>
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#">
								<i class="fa fa-phone fa-2x"></i>
							</a>
							<div class="media-body">
								<h4 class="media-heading">0000 123456789</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<footer>
		<div class="container">
			<a href="#" class="scrollpoint sp-effect3">
				<img src="index/logo.png" alt="" class="logo">
			</a>

			<div class="rights">
				<p>Copyright © 2019.速通快递</p>
			</div>
		</div>
</footer>
</div>
<script src="index/jquery-1.10.2.js"></script><script src="index/jquery.min.js"></script>
<script src="index/bootstrap.min.js"></script>
<script src="index/slick.min.js"></script>
<script src="index/placeholdem.min.js"></script>
<script src="index/jquery.themepunch.plugins.min.js"></script>
<script src="index/jquery.themepunch.revolution.min.js"></script>
<script src="index/waypoints.min.js"></script>
<script src="index/scripts.js"></script>
<script>
	$(document).ready(function() {
		appMaster.preLoader();
	});
</script>

</body>
</html>